import Placeholder from "@/routes/placeholder"
import Root from "@/routes/root"
import Home from "@/views/Home"
import Orders from "@/views/Orders"
import Settings from "@/views/Settings"
import { createBrowserRouter } from "react-router-dom"

export const router = createBrowserRouter([
  {
    path: "/",
    element: <Root />,
    errorElement: <div>Oops!</div>,
    children: [
      {
        index: true,
        element: <Placeholder />,
      },
      {
        path: "/home",
        element: <Home />
      },
      {
        path: "/orders",
        element: <Orders />
      },
      {
        path: "/settings",
        element: <Settings />
      },
    ],
  },
])
